$o-dynamic-list: #7C7BAD;
.dynamic-list-toggle-icon {
	cursor: pointer;
    text-align: left;
    line-height: 30px;
    z-index: 9999;
    width: 20px;
    position: absolute;
	top: 4px;
	left: 0px;
}

.dynamic-list-body {
	.show .dropdown-menu .dropdown-item {
		padding: 3px 10px;
	}
}

.dynamic-list {
	width:270px;
	max-height:500px;
	overflow:visible ;
	position:absolute;
	top:0px;
	left:10px;
	border-color: $o-dynamic-list;
	border-radius: 10px;
	z-index:9999;
	> .dynamic-list-header {
		background: $o-dynamic-list;
		display: flex;
		height: 36px;
		margin-top: -6px;
		border-color: black;
		border-radius: 10px 10px 0 0;		
		.o_form_label {
			margin: 0 10px 0 6px;
			font-size: 1.2rem;
			line-height: 1.5;
			font-weight: 600;
			padding: 2px;
			color: beige;
			height: 30px;
			line-height: 30px;
		}
		
		.btn-config-clear {
			margin: auto;
			padding: 2px 5px;
		}
		
		.btn-config-apply {
			padding: 2px 10px;
			margin: auto;
			color: #FFFFFF;
			background-color: $o-dynamic-list;
			border-color: #7C7BAD;
		}
		.list_config_value {
			width: 30px;
			margin: auto;
		}
	}
	
	>.dynamic-list-search-field {
		width: 100%;
		height: 34px;
		line-height: 34px;
		display: flex;
		padding-left:20px;
		background-color: $o-dynamic-list;
		
		.search-field{
			width: 190px;
			height: 30px;
			line-height: 30px;
			margin: 2px 20px;
		}

	}

	.dynamic-list-body {
		overflow-y: auto;
		scrollbar-width: thin;
		height:100%;
		max-height: 292px;
		padding: 10px 0;
		>.dynamic-list-item {
			padding: 3px 10px 3px 10px;
			width: 250px;
			div.o-field-list {
				display: flex;
				height: 26px;
				line-height: 26px;
				.custom-control-label::before {
					color: $o-dynamic-list;
					border-color: $o-dynamic-list;
					background-color: $o-dynamic-list;
					position: absolute;
					top: 0.32rem;
					left: -2.5rem;
					display: block;
					width: 2.2rem;
					height: 1.25rem;
					border-radius: 1.25rem;
					background-color: #f8f7fb;
					border: $o-dynamic-list solid 1px;
				}
				.custom-control-label::after {
					position: absolute;
					top: 0.32rem;
					left: -2.4rem;
					display: block;
					width: 1.25rem;
					height: 1.25rem;
					border-radius: 1.25rem;
					border: $o-dynamic-list solid 1px;
				}
				.custom-control-input:checked ~ .custom-control-label::before {
					color: white;
					border-color: $o-dynamic-list;
					background-color: white;
					outline: unset;
				}
				.custom-control-input:checked ~ .custom-control-label::after {
					background-color: #7C7BAD;
					transform: translateX(0.75rem);
				}
			
				.field-width {
					margin-left: 16px;
					width: 50px;
					border: 1px solid #c9c9c9;
					padding: 0 2px;
					border-radius: 2px;
				}
			
				.field-name-string {
					width: 110px;
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			
				.field-name-string {
					width: 110px;
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			
				.custom-control-label {
					width: 120px;
					border: 1px solid #c9c9c9;
					padding: 0 6px;
					margin-left: 6px;
					border-radius: 2px;
				}
				.o_sequence_handle{
					padding-top: 6px;
					padding-left: 6px;
				}
			
				.hide_show_checkbox {
					width: 120px;
				}
			}
		}
	}
	.dropdown_footer{
		height: 26px;
		background-color: $o-dynamic-list;	
		margin-bottom: -6px;
		border-color: $o-dynamic-list;
		border-radius: 0 0 10px 10px;		
	}
}	

.table-responsive {
    overflow-y: visible;
}

.o_form_view {
    .o_form_sheet_bg .o_form_sheet {
        max-width: 1480px;
        width: 98%;
    }
    .oe_chatter {
        max-width: 1480px;
    }
}


.o_list_view {
	th:not(.o_group_name){
		white-space: normal !important;
	}
	.o_data_row {
		td:not(.o_list_record_selector):not(.o_list_record_remove) {
			overflow: hidden !important;
			text-overflow: ellipsis !important;
		}
      .o_field_widget{
        white-space: nowrap !important;
        text-overflow: ellipsis;
      }
	}
	.o_list_record_selector {
		width: 20px !important;
	}
}